html,
body,
#app,
.form {
    width: 100%;
    height: 100%;
    user-select: none;
}

.form {
    width: 100%;
    // background-image: url(../static/images/bg.jpeg);
    background-size: cover;
    .container {
        height: 100%;
    }

    .form-aside {
        background-color: $asideBgColor;
        background-color: rgba(0,0,0, .35);
        height: 100%;
        width: 460px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .aside-box {
        background-color: transparent;
    }
    .aside-box-tab {
        width: 400px;
        height: 46px;
        border-bottom: 1px solid #fff;
        display: flex;
        
        .tab-item {
            height: 46px;
            line-height: 46px;
            text-align: center;
            flex-grow: 1;
            color: #999;
        }

        .tab-item.active {
            color: #333;
        }
    }

    .aside-box-content {
        width: 400px;
        height: 330px;
        margin-top: 10px;
        padding: 10px 15px;
        box-sizing: border-box;
    }
}